<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/grzx.css">
</head>
<body>
    <div class="header">
        <img src="../image/user-logo.png" alt="">
        <h4>安安</h4>
        <p>123****4567</p>
    </div>
    <div class="order">
        <div class="title"><h1>我的订单</h1></div>
        <ul>
            <li><a href="#"><img src="../image/icon-order1.png" alt=""><br>全部订单</a></li>
            <li><a href="#"><img src="../image/icon-order2.png" alt=""><br> 待付款 </a></li>
            <li><a href="#"><img src="../image/icon-order3.png" alt=""><br> 待发货 </a></li>
            <li><a href="#"><img src="../image/icon-order4.png" alt=""><br> 已完成 </a></li>
        </ul>
    </div>
    <div class="banner">
        <img src="../image/ad.png" alt="">
    </div>
    <div class="server">
        <div class="title"><h1>我的服务</h1></div>
        <ul>
            <li><a href="#"><img src="../image/icon-nav1.png" alt=""> <br> 优惠券包 </a></li>
            <li><a href="#"><img src="../image/icon-nav2.png" alt=""> <br> 地址管理 </a></li>
            <li><a href="#"><img src="../image/icon-nav3.png" alt=""> <br> 客服中心 </a></li>
            <li><a href="#"><img src="../image/icon-nav4.png" alt=""> <br> 帮助中心 </a></li>
            <li><a href="#"><img src="../image/icon-nav5.png" alt=""> <br> 分销中心 </a></li>
            <li><a href="#"><img src="../image/icon-nav1.png" alt=""> <br> 优惠券包 </a></li>
            <li><a href="#"><img src="../image/icon-nav1.png" alt=""> <br> 优惠券包 </a></li>
        </ul>
    </div>
</body>
</html>